<template>
  <!--第二页导航-->
  <div class="logo-section-home">
    <div class="w-container">
      <!--文字-->
      <div class="kicker">16,000+ Organizations Build with Roboflow<br /></div>
      <!--图片按钮-->
      <div class="logocloud-container">
        <img
          src="../assets/images/CArdinaHelth-logo.svg"
          loading="lazy"
          height=""
          alt="cardinal health"
          class="logocloud_img_home"
        /><img
          src="../assets/images/usg-logo.svg"
          loading="lazy"
          height=""
          alt="USG"
          class="logocloud_img_home"
        /><img
          src="../assets/images/intel-logo.svg"
          loading="lazy"
          height=""
          alt="Intel logo"
          class="logocloud_img_home"
        /><img
          src="../assets/images/rivian-logo.svg"
          loading="lazy"
          height=""
          alt="Rivian logo"
          class="logocloud_img_home"
        /><img
          src="../assets/images/medtronic-logo.svg"
          loading="lazy"
          height=""
          alt="Medtronic logo"
          class="logocloud_img_home"
        /><img
          src="../assets/images/column-logo.svg"
          loading="lazy"
          height=""
          alt="Column logo"
          class="logocloud_img_home"
        />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "PartnerNav",
  data() {
    return {};
  },
  components: {},
  methods: {},
  mounted() {},
};
</script>

<style lang="less" scoped>
.logo-section-home {
  background-color: #fff;
  margin-top: 50px;
  margin-bottom: 20px;
  .w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    .kicker {
      color: #9ca3af;
      text-align: center;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      margin-bottom: 16px;
      font-size: 14px;
      font-weight: 400;
    }
    .logocloud-container {
      max-width: 1400px;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start;
      display: flex;
      .logocloud_img_home {
        width: 14%;
        object-fit: contain;
        padding: 10px;
        img {
          max-width: 100%;
          vertical-align: middle;
          display: inline-block;
        }
      }
    }
  }
}
</style>
